// 左侧 input 输入框的数据

export const formConf = {
  formRef: 'elForm',
  formModel: 'formData',
  size: 'mini',
  labelPosition: 'left',
  labelWidth: 100,
  fontsize: 12,
  formRules: 'rules',
  gutter: 0,
  disabled: false,
  span: 24,
  formBtns: true,
  formborder: true
}

// 输入型组件
export const inputComponents = [
  //普通文本
  {
    layout: 'textFormItem',
    label: '普通文本',
    tag: 'text',
    floatCon: true, //组件靠左或者靠右
    tagIcon: 'text',
    type: 'text',
    // placeholder: '请输入',
    isShowLabel: false,
    defaultValue: '',
    span: 36,
    // labelWidth: null,
    fontsize: 12,
    height: 20,  // padding-top 和 padding-bottom
    labelPosition: 'flex-start',  // 水平位置
    alignVertically: 'flex-start',   // 垂直位置
    formborder: true,  //  是否有边框
    borderTop: false,
    borderRight: false,
    borderBottom: false,
    borderLeft: false,
    style: { width: '100%' },
    maxlength: null,  // 控制高度
    'show-word-limit': false,
    readonly: false,
    disabled: false,
    required: false,
    regList: [],
    changeTag: true,
    params: {},
    // document: 'https://element.eleme.cn/#/zh-CN/component/input'
  },

  //图片
  {
    layout: 'pictureFormItem',
    label: '图片',
    tag: 'picture',
    tagIcon: 'picture',
    type: 'picture',
    // placeholder: '请输入',
    isShowLabel: false,
    defaultValue: '',
    span: 24,
    // labelWidth: null,
    // fontsize: 6,
    pwidth: 10,
    pheight: 10,
    height: 20,  // padding-top 和 padding-bottom
    labelPosition: 'center',  // 水平位置
    alignVertically: 'center',   // 垂直位置
    formborder: true,  //  是否又边框 
    style: { width: '100%' },
    maxlength: null,  // 控制高度
    'show-word-limit': false,
    readonly: false,
    disabled: false,
    required: false,
    regList: [],
    changeTag: true,
    params: {},
    // document: 'https://element.eleme.cn/#/zh-CN/component/input'
  },
  //单行文本
  {
    label: '单行文本',  //标题 == title
    vModel: "",
    tag: 'el-input',    // 标签形式
    tagIcon: 'input',   // 标签类型
    // placeholder: '请输入',  // 占位提示
    defaultValue: '',  // 默认值  == value
    span: 24,     // 宽度 
    labelWidth: null,   // 标签宽度
    height: 20,//20
    fontsize: 14,    // 字体大小
    formborder: true,  // 是否带边框
    hiddenValue: false,
    isShowLabel: true,
    style: { width: '100%' },
    clearable: true,
    // fontsize: 12,
    prepend: '',
    append: '',
    'prefix-icon': '',
    'suffix-icon': '',
    maxlength: null,
    'show-word-limit': false,
    readonly: false,
    disabled: false,
    required: false,
    regList: [],
    changeTag: true,
    // document: 'https://element.eleme.cn/#/zh-CN/component/input',
    params: {},
  },
  //输入文本
  {
    layout: 'textInputFormItem',
    label: '输入文本',
    tag: 'text',
    floatCon: true,
    tagIcon: 'text',
    type: 'text',
    // placeholder: '请输入',
    isShowLabel: false,
    defaultValue: '',
    span: 24,
    // labelWidth: null,
    fontsize: 12,
    height: 20,  // padding-top 和 padding-bottom
    labelPosition: 'flex-start',  // 水平位置
    alignVertically: 'flex-start',   // 垂直位置
    formborder: true,  //  是否有边框
    borderTop: false,
    borderRight: false,
    borderBottom: false,
    borderLeft: false,
    style: { width: '100%' },
    maxlength: null,  // 控制高度
    'show-word-limit': false,
    readonly: false,
    disabled: false,
    required: false,
    regList: [],
    changeTag: true,
    params: {},
    // document: 'https://element.eleme.cn/#/zh-CN/component/input'


  },
  //多行文本
  {
    label: '多行文本',
    vModel: "",
    tag: 'el-input',
    tagIcon: 'textarea',
    type: 'textarea',
    // placeholder: '请输入',
    defaultValue: '',
    isShowLabel: true,
    span: 24,
    labelWidth: null,
    fontsize: 12,
    formborder: true,
    hiddenValue: false,
    autosize: {
      minRows: 2,
      maxRows: 4
    },
    // style: { width: '100%' },
    maxlength: null,
    'show-word-limit': false,
    readonly: false,
    disabled: false,
    required: false,
    regList: [],
    changeTag: true,
    params: {},
    // document: 'https://element.eleme.cn/#/zh-CN/component/input'
  },
  //二维码
  {
    layout: 'qrCodeFormItem',
    label: '二维码',
    tag: 'qrCode',
    tagIcon: 'qrCode',
    type: 'qrCode',
    // placeholder: '请输入',
    isShowLabel: false,
    defaultValue: '',
    span: 24,
    height: 10,  // padding-top 和 padding-bottom
    // labelWidth: null,
    // fontsize: 12,
    labelPosition: 'flex-start',  // 水平位置
    alignVertically: 'flex-start',   // 垂直位置
    formborder: true,  //  是否又边框 
    style: { width: '100%' },
    maxlength: null,
    'show-word-limit': false,
    readonly: false,
    disabled: false,
    required: false,
    regList: [],
    changeTag: true,
    params: {},
    // document: 'https://element.eleme.cn/#/zh-CN/component/input'
  },
  // 表格数据
  {
    layout: "tableFormItem",
    label: "列表形式",
    floatCon: true,
    tag: "tableList",
    showHeader: true,
    tagIcon: "tableList",
    type: "tableList",
    tableHeader: [{ title: "字段1", paramName: "param1" }, { title: "字段2", paramName: "param2" }],
    tableData: [{ param1: '', param2: "" }],
    rowCount: 1,   // 控制行数
    colCount: 2,  //  控制列数
    fontsize: 12,   // 字体大小
    align: 'left',   // 表格的样式
    span: 24,
    tableWidth: 100,  // 表格宽度
    tdHeight: 5,   // 单元格原始高度
    columnsNum: 1,
    columns: [{ rightSpan: 3, tableData: [''] }],
  },

  //选列变行
  {
    layout: 'textFormChange',
    label: '选列变行',
    tag: 'text',
    floatCon: true, //组件靠左或者靠右
    tagIcon: 'text',
    vModel: "",
    type: 'textChange',
    // placeholder: '请输入',
    isShowLabel: false,
    defaultValue: "",
    span: 24,
    leftSpan: 5,
    rows: 1,
    tableData: [''],
    columnsNum: 1,
    columns: [{ rightSpan: 3, tableData: [''] }],
    // labelWidth: null,
    fontsize: 12,
    labelPosition: 'flex-start',  // 水平位置
    alignVertically: 'flex-start',   // 垂直位置
    formborder: true,  //  是否有边框
    style: { width: '100%' },
    maxlength: null,  // 控制高度
    'show-word-limit': false,
    readonly: false,
    disabled: false,
    required: false,
    regList: [],
    changeTag: true,
    params: {},
    // document: 'https://element.eleme.cn/#/zh-CN/component/input'
  },

  //长形文本
  {
    layout: 'textFormRectangle',
    label: '长形文本',
    tag: 'text',
    floatCon: true, //组件靠左或者靠右
    tagIcon: 'text',
    type: 'text',
    // placeholder: '请输入',
    isShowLabel: false,
    defaultValue: '',
    span: 36,
    rows: 3,
    // labelWidth: null,
    fontsize: 12,
    labelPosition: 'flex-start',  // 水平位置
    alignVertically: 'flex-start',   // 垂直位置
    formborder: true,  //  是否有边框
    style: { width: '100%' },
    // maxlength: null,  // 控制高度
    'show-word-limit': false,
    readonly: false,
    disabled: false,
    required: false,
    regList: [],
    changeTag: true,
    params: {},
    // document: 'https://element.eleme.cn/#/zh-CN/component/input'
  },

]

// 选择型组件
// export const selectComponents = [
//   {
//     label: '单选框组',
//     tag: 'el-radio-group',
//     tagIcon: 'radio',
//     defaultValue: undefined,
//     span: 24,
//     labelWidth: null,
//     fontsize: 12,
//     formborder: true,
//     style: {},
//     optionType: 'default',
//     border: false,
//     size: 'medium',
//     disabled: false,
//     required: true,
//     options: [{
//       label: '选项一',
//       value: 1
//     }, {
//       label: '选项二',
//       value: 2
//     }],
//     regList: [],
//     changeTag: true,
//     document: 'https://element.eleme.cn/#/zh-CN/component/radio'
//   },
//   {
//     label: '多选框组',
//     tag: 'el-checkbox-group',
//     tagIcon: 'checkbox',
//     defaultValue: [],
//     span: 24,
//     labelWidth: null,
//     style: {},
//     optionType: 'default',
//     border: false,
//     fontsize: 12,
//     formborder: true,
//     size: 'medium',
//     disabled: false,
//     required: true,
//     options: [{
//       label: '选项一',
//       value: 1
//     }, {
//       label: '选项二',
//       value: 2
//     }],
//     regList: [],
//     changeTag: true,
//     document: 'https://element.eleme.cn/#/zh-CN/component/checkbox'
//   },
// {
//   label: '开关',
//   tag: 'el-switch',
//   tagIcon: 'switch',
//   defaultValue: false,
//   span: 24,
//   labelWidth: null,
//   style: {},
//   disabled: false,
//   required: true,
//   'active-text': '',
//   'inactive-text': '',
//   'active-color': null,
//   'inactive-color': null,
//   'active-value': true,
//   'inactive-value': false,
//   regList: [],
//   changeTag: true,
//   document: 'https://element.eleme.cn/#/zh-CN/component/switch'
// },

// {
//   label: '时间选择',
//   tag: 'el-time-picker',
//   tagIcon: 'time',
//   placeholder: '请选择',
//   defaultValue: null,
//   span: 24,
//   labelWidth: null,
//   fontsize:12,
//   formborder:true,
//   style: { width: '100%' },
//   disabled: false,
//   clearable: true,
//   required: true,
//   'picker-options': {
//     selectableRange: '00:00:00-23:59:59'
//   },
//   format: 'HH:mm:ss',
//   'value-format': 'HH:mm:ss',
//   regList: [],
//   changeTag: true,
//   document: 'https://element.eleme.cn/#/zh-CN/component/time-picker'
// },
// {
//   label: '时间范围',
//   tag: 'el-time-picker',
//   tagIcon: 'time-range',
//   defaultValue: null,
//   span: 24,
//   labelWidth: null,
//   fontsize:12,
//   formborder:true,
//   style: { width: '100%' },
//   disabled: false,
//   clearable: true,
//   required: true,
//   'is-range': true,
//   'range-separator': '至',
//   'start-placeholder': '开始时间',
//   'end-placeholder': '结束时间',
//   format: 'HH:mm:ss',
//   'value-format': 'HH:mm:ss',
//   regList: [],
//   changeTag: true,
//   document: 'https://element.eleme.cn/#/zh-CN/component/time-picker'
// },
// {
//   label: '日期选择',
//   tag: 'el-date-picker',
//   tagIcon: 'date',
//   placeholder: '请选择',
//   defaultValue: null,
//   type: 'date',
//   span: 24,
//   labelWidth: null,
//   fontsize:12,
//   formborder:true,
//   style: { width: '100%' },
//   disabled: false,
//   clearable: true,
//   required: true,
//   format: 'yyyy-MM-dd',
//   'value-format': 'yyyy-MM-dd',
//   readonly: false,
//   regList: [],
//   changeTag: true,
//   document: 'https://element.eleme.cn/#/zh-CN/component/date-picker'
// },
// {
//   label: '日期范围',
//   tag: 'el-date-picker',
//   tagIcon: 'date-range',
//   defaultValue: null,
//   span: 24,
//   fontsize:12,
//   formborder:true,
//   labelWidth: null,
//   style: { width: '100%' },
//   type: 'daterange',
//   'range-separator': '至',
//   'start-placeholder': '开始日期',
//   'end-placeholder': '结束日期',
//   disabled: false,
//   clearable: true,
//   required: true,
//   format: 'yyyy-MM-dd',
//   'value-format': 'yyyy-MM-dd',
//   readonly: false,
//   regList: [],
//   changeTag: true,
//   document: 'https://element.eleme.cn/#/zh-CN/component/date-picker'
// }
// ]

// 布局型的组件
// export const layoutComponents = [
//   {
//     layout: 'rowFormItem',
//     tagIcon: 'row',
//     type: 'default',
//     justify: 'start',
//     align: 'top',
//     label: '行容器',
//     layoutTree: true,
//     children: [],
//     document: 'https://element.eleme.cn/#/zh-CN/component/layout'
//   },
// {
//   layout: 'colFormItem',
//   label: '按钮',
//   changeTag: true,
//   labelWidth: null,
//   tag: 'el-button',
//   tagIcon: 'button',
//   span: 24,
//   default: '主要按钮',
//   type: 'primary',
//   icon: 'el-icon-search',
//   size: 'medium',
//   disabled: false,
//   document: 'https://element.eleme.cn/#/zh-CN/component/button'
// }
// ]

// 组件rule的触发方式，无触发方式的组件不生成rule
export const trigger = {
  'el-input': 'blur',
  'el-input-number': 'blur',
  'el-select': 'change',
  'el-radio-group': 'change',
  'el-checkbox-group': 'change',
  'el-cascader': 'change',
  'el-time-picker': 'change',
  'el-date-picker': 'change',
  'el-rate': 'change'
}
